<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--  关闭缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<!--  一会试验下是否有必要存在 -->
<meta name="apple-touch-fullscreen" content="yes"> 
<!--网站开启对 web app 程序的支持。-->
<meta name="apple-mobile-web-app-capable" content="yes">
<!--在 web app 应用下状态条（屏幕顶部条）的颜色；-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--使设备浏览网页时对数字不启用电话功能-->
<meta name="format-detection" content="telephone=no">
<!--使用wtai协议进行拨打电话。-->
<meta http-equiv="x-rim-auto-match" content="none"/>
<!--标示移动站点-->
<meta name="HandheldFriendly" content="true"/>
<title>目的地</title>
<!--公共css文件调用-->
<link href="css/global.css" rel="stylesheet" type="text/css" />
<!--当前页面css文件调用-->
<link href="css/Destination.css" rel="stylesheet" type="text/css" />
</head>
<body>

<!--搜索列表-->
<div class="g_search">
    <div class="search_top">
    	<div class="input">
        	<input type="text" placeholder="请输入旅游信息"/>
        </div>
        <div class="word">
        	<span>取消</span>
        </div>
        <div class="iscroll" id="iscroll">
            <ul>
                <li>天津旅游</li>
                <li>北京旅游</li>
                <li>上海旅游</li>
                <li>南京旅游</li>
                <li>河南旅游</li>
                <li>昆明旅游</li>
                <li>河南旅游</li>
                <li>昆明旅游</li>
                <li>河南旅游</li>
                <li>昆明旅游</li>
            </ul>
        </div>
    </div>
    <div class="search_bg">
    </div>
</div>
<!--搜索列表end-->

<div class="main">

	<!--头部-->
	<header class="g_head">
    	<div class="return" onclick="history.go(-1)">
        	<img src="images/return.png" />
        </div>
        <div class="address">
        	<span><a href="select_city.html">天津</a></span>
            <i></i>
        </div>
        <div class="search">
        	<img src="images/search.png" />
        	<input type="text" placeholder="搜索目的地国家/城市/关键词" />
        </div>
    </header>
	<!--头部end-->
    
    <!--左侧切换菜单-->
    <div class="left_menu">
    	<div id="wrapper" class="wrapper">
        	<ul>
            	<li class="on">热门</li>
                <li>北京</li>
                <li>江浙沪</li>
                <li>广东</li>
                <li>海南</li>
                <li>港澳</li>
                <li>台湾</li>
                
                <li>全国</li>
                <li>欧洲</li>
                <li>东南亚</li>
                <li>日韩</li>
                <li>美洲</li>
                <li>中东非</li>
                <li>澳洲</li>
            </ul>
        </div>
    </div>
    <!--左侧切换菜单end-->
    
    <!--右侧分类页面-->
    <div class="right_page">
    	<div id="wrapper2" class="wrapper2">
        	<div id="scroller">
            	<ul>
                	<li><img src="images/Destination/b01.jpg" /></li>
                    <li>
                    	<div class="title">
                        	<span>大家都去哪儿玩</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl01.jpg" /></li>
                                <li><img src="images/Destination/fl02.jpg" /></li>
                                <li><img src="images/Destination/fl03.jpg" /></li>
                                <li><img src="images/Destination/fl04.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                    	<div class="title">
                        	<span>时尚浪漫之都</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl05.jpg" /></li>
                                <li><img src="images/Destination/fl06.jpg" /></li>
                                <li><img src="images/Destination/fl07.jpg" /></li>
                                <li><img src="images/Destination/fl08.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                    	<div class="title">
                        	<span>特色美食</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl09.jpg" /></li>
                                <li><img src="images/Destination/fl10.jpg" /></li>
                                <li><img src="images/Destination/fl11.jpg" /></li>
                                <li><img src="images/Destination/fl12.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <ul style="display:none">
                	<li><img src="images/Destination/b02.jpg" /></li>
                    <li>
                    	<div class="title">
                        	<span>蓝天白云</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl13.jpg" /></li>
                                <li><img src="images/Destination/fl14.jpg" /></li>
                                <li><img src="images/Destination/fl15.jpg" /></li>
                                <li><img src="images/Destination/fl16.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                    	<div class="title">
                        	<span>名迹古城</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl17.jpg" /></li>
                                <li><img src="images/Destination/fl18.jpg" /></li>
                                <li><img src="images/Destination/fl19.jpg" /></li>
                                <li><img src="images/Destination/fl20.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                    	<div class="title">
                        	<span>大家都说这里好</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl21.jpg" /></li>
                                <li><img src="images/Destination/fl22.jpg" /></li>
                                <li><img src="images/Destination/fl23.jpg" /></li>
                                <li><img src="images/Destination/fl24.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                    	<div class="title">
                        	<span>携手共游</span>
                        </div>
                        <div class="img_list">
                        	<ul>
                            	<li><img src="images/Destination/fl25.jpg" /></li>
                                <li><img src="images/Destination/fl26.jpg" /></li>
                                <li><img src="images/Destination/fl27.jpg" /></li>
                                <li><img src="images/Destination/fl28.jpg" /></li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
                 <ul class="notice">
                	<li><img src="images/notice.png" /></li>
                </ul>
            </div>
        </div>
    </div>
    <!--右侧分类页面end-->
    
    <!--底部-->
    <footer class="g_footer">
    	<ul>
        	<li>
            	<a href="home_page.html">
                	<img src="images/nav01.png"><br/><span>首页</span>
                </a>
            </li>
            <li>
            	<a href="classify.html">
                	<img src="images/nav02.png"><br/><span>分类</span>
                </a>
            </li>
            <li>
            	<a href="Destination.html">
                	<img src="images/nav03_on.png"><br/><span class="on">目的地</span>
                </a>
            </li>
            <li>
            	<a href="Panic_buying.html">
                	<img src="images/nav04.png"><br/><span>抢购</span>
                </a>
            </li>
            <li>
            	<a href="my.html">
                	<img src="images/nav05.png"><br/><span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    <!--底部end-->

</div>

<!--引用js库-->
<script src="js/common/jquery-1.9.1.min.js" type="text/javascript"></script>
<!--引用橡皮筋插件-->
<script src="js/common/iscroll.js" type="text/javascript"></script>
<!--公共js文件引用-->
<script src="js/common.js" type="text/javascript"></script>
<!--当前页面js调用-->
<script type="text/javascript" src="js/Destination.js"></script>
</body>
</html>
